<template>
  <div class="footer">
    <div class="footer-mid">
      <img
        src="../../assets/imgs/sysgamer-logo.png"
        style="width: 228px; height: 64px; float: left"
      />
      <div class="footer-box">
        <div style="float: left">
          <dd>
            <p>
              <!-- href="/privacypolicy" -->
              <a
                href="javaScript:void(0);"
                style="color: white"
                @click="handleSelect('privacypolicy')"
                >{{ $t('privacypolicy') }}</a
              >
              &nbsp;&nbsp;| &nbsp;&nbsp;
              <!-- href="/AboutUs" -->
              <a href="javaScript:void(0);" style="color: white" @click="handleSelect('AboutUs')">{{
                $t('AboutUs')
              }}</a>
              &nbsp;&nbsp;|&nbsp;
              <!-- href="/termService" -->
              <a
                href="javaScript:void(0);"
                style="color: white"
                @click="handleSelect('contactus')"
                >{{ $t('contactus') }}</a
              >&nbsp;&nbsp;|&nbsp;&nbsp;

              <a
                href="javaScript:void(0);"
                style="color: white"
                @click="handleSelect('privacyAgreement')"
                >{{ $t('privacyAgreement') }}</a
              >
              &nbsp;&nbsp;|&nbsp;&nbsp;
              <!-- href="/otherstatement" -->
              <a
                href="javaScript:void(0);"
                style="color: white"
                @click="handleSelect('otherstatement')"
                >{{ $t('Otherstatement') }}</a
              >
            </p>
          </dd>
        </div>
        <div style="float: left; color: white; padding-left: 38px">
          © 2023 ASIA SYS CONSULTING PTE.LTD. All Rights Reserved
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const dialogVisible = ref(true)

import { useRouter } from 'vue-router'

const router = useRouter()
let locale = 'zh'
if (localStorage.getItem('localeKey') == 'zh') {
  locale = 'zh'
}
if (localStorage.getItem('localeKey') == 'en') {
  locale = 'en'
}
if (localStorage.getItem('localeKey') == 'zhxg') {
  locale = 'zhxg'
}

const handleSelect = (key) => {
  router.push({
    name: key,
  })
}
</script>
<style lang="scss">
.footer {
  width: 100%;
  height: 120px;
  background-color: rgb(109 102 102);
  // z-index: 9999;
  position: relative;
  margin-top: 20px;
  .footer-mid {
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
    width: 1210px;
    display: flex;
    align-items: center;
    // justify-content: center;
    padding-top: 14px;
    // display: flex;
    // /* align-items: center; */
    // justify-content: center;
  }
}
.tooltip-base-box {
  width: 600px;
  z-index: 999909;
}
.AboutUs {
  font-size: 15px;
}
.tooltip-base-box .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999909;
}
.tooltip-base-box .center {
  justify-content: center;
}
.tooltip-base-box .box-item {
  width: 110px;
  margin-top: 10px;
  z-index: 999909;
}
.footer-box {
  display: flex;
  flex-direction: column;
}
</style>
